// 修正全局的 box-sizing 影响
.layui-tree-icon,
.layui-tree-entry,
.layui-laypage select,
.layui-table-tips-c,
.layui-form-label,
.layui-form-switch,
.layui-badge-rim {
  box-sizing: content-box;
}

// 统一化内边距
.layui-fluid {
  padding: $space-lg;
}

// 调整只读模式下的字体色
.layui-input[readonly],
.layui-textarea[readonly] {
  color: $text-color;
}

// 调整上一个规则给选然的 select 带来的影响
select:not([readonly]) ~ .layui-form-select .layui-input[readonly] {
  color: $color-black;
}

// 调整无法操作模式下的输入框配色
.layui-input[disabled] {
  color: $color-gray-c900;
  cursor: not-allowed;
}

// 调整无法操作模式下的按钮配色
.layui-btn-disabled {
  background-color: $color-gray-fb00;
  color: $color-gray-c900;
}

// 过长字段省略
.layui-form-label {
  @include ellipsis;
}

// 在表单中使用栅格的间距（为了兼容老版的样式，应该使用 layui-col-space-*）
.layui-form > .layui-row {
  margin-bottom: 8px;
}

// 按钮组中的第一个按钮左边框色彩统一
.layui-btn-group .layui-btn.layui-btn-disabled:first-child {
  border-left: 1px solid $border-disabled-color;
}

// 卡片
.layui-tab-brief > .layui-tab-title .layui-this:after,
.layui-tab-brief > .layui-tab-more li.layui-this:after {
  border-width: 1px;
}

.layui-tab-title .layui-this:after {
  height: 40px;
}

// 新式布局，利用卡片和选项卡
// <div class="layui-card">
//   <div class="layui-tab layui-tab-brief">
//     <ul class="layui-tab-title"> <li>...</li> </ul>
//     <div class="layui-tab-content"> <div class="layui-tab-item">...</div> </div>
//   </div>
// </div>
.layui-card > .layui-tab-brief {
  .layui-tab-title {
    height: 42px;
    border-bottom-color: $border-lighter-color;

    li {
      line-height: 42px;

      &:not(:last-child):before {
        content:"\20";
        position:absolute;
        top: 50%;
        right:0;
        display:block;
        width:1px;
        height:10px;
        margin-top: -5px;
        background-color:$border-color;
      }
    }

    .layui-this {
      color: $color-black;
    }

    .layui-this:after {
      content: none;
    }
  }

  .layui-tab-content {
    padding: $space;
  }
}

// 卡片头部内部一些定位元素需要依赖
.layui-card-header {
  position: relative;
}

.layui-card-body {
  padding: $space;
}

// 卡片内的数据表格
.layui-card .layui-table-view {
  margin: 0;
}

// 图标
.layui-icon {
  font-size: 1em;
}
